/*
 * Copyright (C) 2006, 2007  Stephane Alnet
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License
 * as published by the Free Software Foundation; either version 3
 * of the License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 * 
 *
 *
 * For more information visit http://carrierclass.net/
 *
 */

body {
	font-family: "Gill Sans", Arial; font-size: 14px;
}

#header {
    position: fixed;
    width: 150px;
    height: 100px;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;

    background-color: #ffd;
    background-image: url(bg1.png);
    background-repeat: no-repeat;
    background-position: top left;

    margin: 0px;
    padding: 10px;
    text-align: left;
}

li .auto   {
	font-family: "Gill Sans", Arial; font-size: 16px;
}

th {
    color: white; 
    background-color: #555; 
    font-weight: bold; 
    width: 190px;
}
td {
    border-top: 1px solid #ddd;
    font-size: 12px;
}

.tab {
    border: 1px solid #999;
    padding: 10px;
}

.tab-content {
    background: #eee;
    margin: 10px;
    padding: 10px;
}

.tab-prev {
    float: left;
    margin: 10px;
    padding: 10px;
}
.tab-next {
    float: right;
    margin: 10px;
    padding: 10px;
}

#logout     { font-size: 16px; }
#license    { font-size: 12px; }
#about      { font-size: 12px; }

a:focus, a:active {
    outline: none;
}

th.ui_group-label { width: 300px; }

.field { margin: 10px; }

input, select { border: 1px solid #999; padding: 2px; margin: 3px; }
label { border: none; width: 300px; padding: 2px; margin: 3px; }

tbody {
    margin: 0px;
    padding: 0px;
    border-top: 1px solid #333;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    border-left: 1px solid #333;
}

table {
    margin: 0px;
    padding: 0px;
    border-top: 1px solid #999;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    border-left: 1px solid #999;
}
label { width: 300px; font-weight: normal; font-size: 14px; }
.required > label { font-weight: bold; }

.auto { text-decoration: none; cursor:pointer; display: block; height: 100%; width: 100%; }
.auto2 { text-decoration: none; cursor:pointer; display: block; height: 100%; width: 100%; }
dt > a { text-decoration: none; cursor:pointer; display: block; height: 100%; width: 100%; }

#sidebar dl { width: 150px; }
#sidebar dl,dd { margin: 0; }
#sidebar dt { background: #444; font-size: 18px; padding: 5px; margin: 2px; margin-top: 4px; }
#sidebar dt a { color: #FFF; }
#sidebar dd a { color: #000; }
#sidebar ul { list-style: none; padding: 5px; }

.login {
    margin-top: 12px;
    margin-bottom: 8px;
    margin-right: 12px;
    margin-left: 12px;
    width: 128px;
	font-family: "Gill Sans", Arial; font-size: 16px;
    
}

#sidebar {
    position: fixed;
    width: 150px;
    height: auto;
    top: 100px;
    right: auto;
    bottom: 0;
    left: 0;

    /* 
    background-color: #b4b4b4; 
    */
    background-color: white;
    background-image: url(bg2.png);
    background-repeat: repeat-y;
    background-position: bottom;

    margin: 0;
    /* 
    border-right: solid 2px rgb(72,183,71);
    border-top: solid 1px rgb(85,85,85);
     */
    padding: 10px;
    text-align: left;
}

#content {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 170px;

    /*
    background-color: #b4b4b4;
    */
    background-color: white;
    margin: 10px;
    padding: 0;
    vertical-align: top;
    text-align: justify;
}

#welcome {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 170px;

    background-color: white;
    background-image: url(welcome.jpeg);
    background-repeat: no-repeat;
    background-position: top left;
    margin: 0;
    padding: 0;
    vertical-align: top;
    text-align: justify;
}


.vertical-slider
{
	width: 16px;
	height: 120px;
	background-image: url(slider-back.png);
	background-color: transparent;
	border: 0px hidden #000;
    margin: 0;
    padding: 0;
}
.vertical-indicator{
	background-image:url(indicator-vertical.png);
	background-color: transparent;
    width: 16px;
    height: 39px;
    overflow: hidden;
	border: 0px none;
    margin: 0;
    padding: 0;
}
.button-up
{
	background-image:url(16x16_1uparrow.png);
	background-color: transparent;
	width: 16px;
	height: 16px;
	font-size: 1px;
	border: none;
    margin: 0;
    padding: 0;
}
.button-down
{
	background-image:url(16x16_1downarrow.png);
	background-color: transparent;
	width: 16px;
	height: 16px;
	font-size: 1px;
	border: none;
    margin: 0;
    padding: 0;
}
.table-slider
{
    width: 16px;
    margin: 0;
    padding: 0;
}
.openable-closed
{
    background-image: url(16x16_right-pointing-triangle.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 16px;
}
.openable-open
{
    background-image: url(16x16_down-pointing-triangle.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 16px;
}
.entry
{
    margin-left: 32px;
}
.menu
{
    margin-left: 32px;
}
.sub
{
    margin-left: 32px;
    border-left: 1px solid #999;
}
dl.list
{
    
}
dl.subs
{
    background-color: #fed;
}
.helpTooltip
{
    background-color: yellow;
    border: thin solid gray;
    margin: 3px;
    padding: 2px;
}